<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>


    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="../css/car.css" />
</head>

<body>
    <div class="car">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" id="allChecked" />
                        全选
                    </label>
                </div>
                <ul class="nav nav-pills" role="tablist">
                    <li role="presentation">
                        <a href="#">
                            商品种类
                            <span class="badge kind">0</span>
                        </a>
                    </li>
                    <li role="presentation">
                        <a href="#">
                            所选商品的数量
                            <span class="badge countTotal">0</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="panel-body">
                <!-- <div class="media">
            <div class="media-left media-middle">
                <label>
                    <input index="${item.goods_id}"
                        type="checkbox"
                        class="checked"
                        ${item.is_select == "1" ? "checked" : ""}
                    />
                </label>
                <a href="#">
                    <img
                        class="media-object"
                        src="${item.goods_small_logo}"
                    />
                </a>
            </div>
            <div class="media-body">
                <div class="content">
                    <h4 class="media-heading">
                       ${item.goods_name}
                    </h4>
                    <span
                        class="glyphicon glyphicon glyphicon-yen"
                        aria-hidden="true"
                    >
                        ${item.goods_price}
                    </span>
                </div>

                <div class="btn-group" index="${item.goods_id}">
                    <button type="button" ${
                        item.goods_num == 1 ? "disabled" : ""
                    } class="btn btn-default reduce">-</button>
                    <button type="button" class="btn btn-default">${
                        item.goods_num
                    }</button>
                    <button type="button" class="btn btn-default add">+</button>
                </div>

                <div class="total">
                    小计：
                    <span>￥${
                        item.goods_price * item.goods_num
                    }</span>
                </div>

                <button
                    type="button"
                    class="close del"
                    index="${item.goods_id}">
                    <span  class="del" index="${
                        item.goods_id
                    }">&times;</span>
                </button>
            </div>
        </div> -->
            </div>
            <div class="panel-footer">
                <div>
                    总价格：
                    <span class="totalPrice">￥0</span>
                </div>

                <button type="button" class="btn btn-info settlement">结算</button>
            </div>
        </div>
    </div>

    <!-- 把需要用的js插件引入 -->
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/car.js"></script>
</body>

</html>